
*
{
    margin:0;
    padding:0;
}


.body .login
{
    width: 321px;
    height: 270px;
    background-color: #e9e9f2;
    margin-left: 790px;
    /*padding-top: 40px;*/
    padding-left: 29px;
    border-radius: 10px;
    /*padding-right: 29px;*/
}

.body
{
    height: 600px;
    width: 1207px;
    margin: 0 auto;
    background-size: 1207px 600px;
    background-image: url("../../img/html_img/background.jpg");
    background-repeat: no-repeat;
    padding-top: 125px;
    position: relative;
    z-index: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

.header
{
    background-color: #e8e7e3;
    width: 1207px;
    height: 83px;
    margin: 0 auto;
        position: relative;

    z-index: 9999;
}



.header .logo
{
    float: left;
    width: 180px;
    height: 83px;
    background-image: url("../../img/html_img/337logo.png");
    background-size: 160px 83px;
    background-repeat: no-repeat;

    /*background-color: blue;*/
}

.serve ul
{
    display: none;
}

.serve>ul>li
{
    width:200px;
    height:50px;
    line-height: 50px;
    background-color: #e8e7e3;
    color: #777777;
    text-align: center;

}

.header>ul>li:hover
{
    background-color: #3f3f3f;
    color: #e8e7e3;
}


.header>ul>li:hover>ul
{
    display: inline-block;
}

ul
{
    list-style: none;
}

.header>ul
{
    margin-left: 200px;
}



.header .serve
{
    float: left;
    width: 200px;
    height: 50px;
    line-height: 50px;
    background-color: #e8e7e3;
    color: #777777;
    text-align: center;
}

.serve>ul>li>a
{
    background-color: #e8e7e3;
    color: #777777;
    display:inline-block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
}

.serve>ul>li>a:hover
{

    background-color: #3f3f3f;
    color: #e8e7e3;
}



